<template>
    <el-input v-model="amountF" placeholder="请输入">
        <template #append>
            %
        </template>
    </el-input>
</template>

<script setup>
import { getConfigItem } from '@/utils/business'
// 费率组件
const props = defineProps({
    modelValue: {
        type: Number
    },
    // 是否属于分润配置组件
    configFlag: {
        type: Boolean,
    },
    // 分润组件配置字段
    configKey: {
        type: String,
    }
})

const emit = defineEmits()

const amountF = computed({
    get() {
        // 1、分润配置组件为true且当前modeValue无值
        if (props.configFlag && !props.modelValue) {
            // 从配置中获取默认值
            return getConfigItem(props.configKey) * 100
        } else {
            return props.modelValue * 100
        }
    },
    set(newValue) {
        emit('update:modelValue', newValue / 100)
    }
})
</script>

<style></style>